/* 
* @Author: Turbidsoul Chen
* @Date:   2016-11-30 10:57:09
* @Last Modified by:   Turbidsoul
* @Last Modified time: 2017-01-26 19:38:26
*/

import React, { Component } from 'react';
import {Nav, NavItem, Icon, Topbar, CollapsibleNav} from 'amazeui-react';
import {IndexLinkContainer, LinkContainer} from 'react-router-amazeui';

export default class Navbar extends Component {
  static propTypes = {
    params: React.PropTypes.object
  };
  static contextTypes = {
    router: React.PropTypes.object
  };
  render() {
    return (
      <Topbar brand="Mobx Test" fixedTop>
        <CollapsibleNav eventKey="nav">
          <Nav topbar>
            <IndexLinkContainer to="/">
              <NavItem>
                <Icon icon="home"/>首页
              </NavItem>
            </IndexLinkContainer>
            <LinkContainer to="/sample">
              <NavItem>例子</NavItem>
            </LinkContainer>
            <LinkContainer to="/echart">
              <NavItem>EChart</NavItem>
            </LinkContainer>
          </Nav>
        </CollapsibleNav>
      </Topbar>
    );
  }
}

